﻿<!DOCTYPE html>
<html>
<head>
    <title>教务中心</title>
    <meta charset="utf-8">
    <meta name="keywords" content="教务系统|教务办事大厅">
    <meta name="description" content=" 教务系统|教务办事大厅">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <meta name="renderer" content="webkit|ie-comp|ie-stand" />
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_533449_naak7odp5x.css" />
    <link rel="stylesheet" type="text/css" href="/ViewV5/CSS/animate.css">
    <link rel="stylesheet" type="text/css" href="/ViewV5/CSS/bootstrap3.3.5/css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="/ViewV5/CSS/default.css">
    <link rel="stylesheet" type="text/css" href="/ViewV5/CSS/index.css">
    <link href="/ViewV5/JS/range/range.css" rel="stylesheet" />

    <style>
        .uititle {
            padding-bottom: 10px;
            padding-left: 10px;
            color: #919699;
        }

        .atitle {
            padding: 10px 10px 10px 16px;
            border-bottom: 1px solid #ebeced;
            color: #656666;
            display: block;
        }

        .btnwz {
            min-width: 80px;
            border-radius: 20px;
            margin-top: 10px;
        }

        .box-shadow {
            border-radius: 2px;
        }

        .hiSlider {
            overflow: hidden;
            height: 280px;
            background: #eee;
        }

        .card {
            border: 1px solid #eee;
            -webkit-transition: all .5s ease-in-out;
            -moz-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
        }

            .card:hover {
                box-shadow: 0px 2px 8px rgba(0,0,0,.25);
                cursor: pointer;
                -webkit-transition: all .5s ease-in-out;
                -moz-transition: all .2s ease-in-out;
                transition: all .2s ease-in-out;
            }
    </style>
    <script>

        function changeFrameHeight() {
            setTimeout("autoheght()", 1000)
        }
        function autoheght() {
            var iframe = document.getElementById("main");
            if (iframe) {
                var iframeWin = iframe.contentWindow || iframe.contentDocument.parentWindow;
                if (iframeWin.document.body) {
                    //iframe.height = iframeWin.document.documentElement.clientHeight || iframeWin.document.body.scrollHeight;
                    iframe.height = ($(iframeWin.document.body).height()) * 1 + 20
                    $(".iframecontent").height(iframe.height)
                }
            }
        };

    </script>

</head>
<body ondblclick="return false;" style="background-color:#f5f8f9">
    <div id="Loading">
        <div class="loader-inner ball-beat">
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div>
    <div class="worker mb20" id="DATABI_YBZZ" style="display:none">
        <div class="header box-shadow">
            <div class="head-center clearfix" style="    max-width: 1220px;">
                <div class="logo c666 pull-left">
                    <a href="index.html"> <img src="/ViewV5/images/logo.png" style="max-height: 40px; margin-right: 10px;">教务系统办事大厅</a>
                </div>
                <div class="pull-right top-fun">
                    <ul class="clearfix">
                        <li style="display:none">
                            <a class="dropdown-toggle add-fq" data-toggle="dropdown" aria-expanded="true">
                                <i class="iconfont icon-jiahao ft12"></i>
                            </a>
                            <ul class="dropdown-menu add-msg dropdown-menu add-msg animated fadeInRight">
                                <li>
                                    <a href="###">
                                        <img src="/ViewV5/images/icon/GZBG.png" onerror="javascript: this.src = '/ViewV5/images/icon/Common.png'">不知道要干啥
                                    </a>
                                </li>
                            </ul>

                        </li>
                        <!--  <li ms-if="CompanyData.IsUseWX=='Y'">
                              <a class="dropdown-toggle" data-toggle="dropdown" aria-expanded="true">
                                  <i class="iconfont icon-erweima tip" data-toggle="tooltip" title="扫描关注" data-placement="bottom"></i>
                              </a>
                              <div class="dropdown-menu animated fadeInRight" style="overflow: auto; width: 200px; text-align: center">
                                  <img width="100%" src='/ViewV5/images/qrcode.png'>
                                  扫描二维码，关注企业号
                              </div>
                          </li>-->
                        <li>
                            <a class="dropdown-toggle" data-toggle="dropdown" aria-expanded="true" aria-haspopup="true">
                                <i class="iconfont icon-pifu tip" data-toggle="tooltip" title="壁纸" data-placement="bottom"></i>
                            </a>
                            <div class="dropdown-menu animated fadeInRight" style="overflow: auto; text-align: center" id="dvskin">
                                <table class="table noborder" style="margin-bottom: 0">
                                    <tr>
                                        <td style="border: 0">
                                            <img class="skintp" style="width: 120px; height: 70px" src="/ViewV5/images/skin/skin12.jpg" />
                                        </td>
                                        <td style="border: 0">
                                            <img class="skintp" style="width: 120px; height: 70px" src="/ViewV5/images/skin/skin10.jpg" />
                                        </td>
                                        <td style="border: 0">
                                            <img class="skintp" style="width: 120px; height: 70px" src="/ViewV5/images/skin/skin4.png" />
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="border: 0">
                                            <img class="skintp" style="width: 120px; height: 70px" src="/ViewV5/images/skin/skin4.png" />
                                        </td>
                                        <td style="border: 0">
                                            <img class="skintp" style="width: 120px; height: 70px" src="/ViewV5/images/skin/skin5.png" />
                                        </td>
                                        <td style="border: 0">
                                            <img class="skintp" style="width: 120px; height: 70px" src="/ViewV5/images/skin/skin2.png" />
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="border: 0">
                                            <img class="skintp" style="width: 120px; height: 70px" src="/ViewV5/images/skin/skin7.jpg" />
                                        </td>
                                        <td style="border: 0">
                                            <img class="skintp" style="width: 120px; height: 70px" src="/ViewV5/images/skin/skin8.jpg" />
                                        </td>
                                        <td style="border: 0">
                                            <img class="skintp" style="width: 120px; height: 70px" src="/ViewV5/images/skin/skin9.jpg" />
                                        </td>
                                    </tr>
                                </table>


                                <div class="form-group" style="margin-top: 15px">
                                    <label class="col-xs-3 control-label">透明度</label>
                                    <input type="hidden" class="single-slider" value="0" />
                                </div>

                            </div>
                        </li>




                        <li>
                            <a href="/login.html">
                                <i class="iconfont icon-shezhi tip" data-toggle="tooltip" title="后台登录" data-placement="bottom"></i>
                            </a>
                        </li>

                    </ul>
                </div>
            </div>
            <div class="big-nav" style="display:none">
                <div class="big-nav-list">
                    <div>
                        <a href="indexv1.html" class="yytype active">首页</a>
                    </div>
                    <div>
                        <a href="indexv1.html" class="yytype ">Lotus云盘</a>
                    </div>
                    <div>
                        <a href="indexv1.html" class="yytype ">LotusBI</a>
                    </div>
                    <div>
                        <a href="indexv1.html" class="yytype ">Lotus协同办公</a>
                    </div>
                    <div>
                        <a href="indexv1.html" class="yytype ">系统更新</a>
                    </div>
                </div>

            </div>
        </div>
        <div class="work">
            <div class="fwlayout" style="max-width: 1220px;">
                <!-- 左边导航 -->
                <div class="leftlayout" id="leftlayout" style="width:260px;background-color:transparent">
                    <div class="left-head box-shadow " style="    background-color: #fff;    padding: 0px; text-align:center">
                        <img src="/ViewV5/images/intro_bg.jpg" style="width:100%">
                        <div class="head-img pull-left mt20">
                            <img src="/ViewV5/images/head.jpg" onerror="javascript: this.src = '/JWWeb/img/teach.png'" style="cursor: pointer;    margin-left: 40px;">
                        </div>
                        <div class="head-information c666 ft14 tc mt20 ">
                            <div style="overflow: inherit;">
                                <a class="head-icon dropdown-toggle" data-toggle="dropdown" aria-expanded="true">
                                    <strong>一步莲华</strong>
                                </a>
                            </div>

                            <div>用户身份：老师</div>
                            <div>材料学院</div>
                        </div>

                        <!--<img src="/ViewV5/images/qrcode.jpg" />-->
                        <table class="table mt10 mb10">
                            <tr>
                                <td class="text-center" style="border:0px;border-right: 1px solid #ddd;">

                                    <div style="font-size:20px">
                                        1
                                    </div>
                                    <div>
                                        已办理
                                    </div>
                                </td>
                                <td class="text-center" style="border:0px">
                                    <div style="font-size:20px">
                                        1
                                    </div>
                                    <div>
                                        阅读量
                                    </div>
                                </td>
                            </tr>
                        </table>
                        <a class="btn btn-primary btn-lg mb15" style="background-color:#12b8f6;width:200px;border-radius:40px;display:none" href="http://www.qijiekeji.com:9100/Web/Html/Tools/share.html?ID=12" target="_blank">下载文件点我</a>
                    </div>
                    <div class="left-head box-shadow mt10 " style="background-color: #fff; padding:0px;    min-height: 140px;">
                        <a href="###" class="atitle">
                            <!--<i class="iconfont icon-you pull-right"></i>-->
                            <span class="small-img">
                                <img src="/ViewV5/images/icon/PXGL.png"> <strong>常用网址</strong>
                            </span>
                        </a>
                        <div class="padding20" style="    padding-top: 10px;">
                            <a class="btn btn-warning  btnwz" href="https://gitee.com/qikj/QJ_Single" target="_blank">码云</a>
                            <a class="btn btn-warning  btnwz" href="https://www.oschina.net/" target="_blank">开源世界</a>
                            <a class="btn btn-warning  btnwz" href="https://www.cnblogs.com/" target="_blank">博客园</a>
                            <a class="btn btn-warning  btnwz" href="https://www.txywpx.com" target="_blank">培训网站</a>
                        </div>

                    </div>
                    <div class="left-head box-shadow mt10 " style="background-color: #fff; padding:0px;    min-height: 120px;">
                        <a href="###" class="atitle">
                            <!--<i class="iconfont icon-you pull-right"></i>-->
                            <span class="small-img">
                                <img src="/ViewV5/images/icon/XMGL.png"><strong>热门文章</strong>
                            </span>
                        </a>
                        <ul class="uititle ">
                            <li class="mt10">
                                <a href="#" title="QJ_Onelotus协同办公平台简介" target="_blank">
                                    <span class="img-wrap pull-left">
                                        <img style="width: 90px; height: 60px;border-radius: 3px;" src="/WEB/image/1.jpg" alt="QJ_Onelotus协同办公平台简介" class="img-cover br random-img">
                                    </span>
                                    <div class="new-text" style="margin-left:100px;margin-right:10px">
                                        <p class="title" style="min-height:38px"></p>
                                        <div class="info"><span class="time"><i class="iconfont icon-time-last" style="margin-right:4px"></i>2017-09-01</span><span class="comment"><i class="iconfont icon-comment"></i></span></div>
                                    </div>
                                </a>
                            </li>
                        </ul>
                    </div>

                </div>

                <!-- 右边内容 -->
                <div class="rightlayout" style=" margin-left: 260px;">
                    <div class="">

                        <!-- 上边切换导航 -->
                        <div class="menu-general ft16 box-shadow">
                            <ul>
                                <li class="active">
                                    <a>服务列表</a><i style="position: absolute;display:none; right: -19px; top: -10px;">
                                        <img src="/ViewV5/images/tuijian.gif" />
                                    </i>
                                </li>
                            </ul>

                        </div>




                        <!-- 下边内容 -->
                        <div class="main-content ft16 mt10  c666 box-shadow" style="min-height:200px;padding:20px">

                            <div class="row">
                                <div class="col-md-3" v-for="(item, index) in gndata">
                                    <div class="thumbnail card">
                                        <img :src="'/JWWeb/img/'+item.icon" onerror="javascript: this.src = '/JWWeb/img/5.png'" style="height: 80px; width: 80px; display: block; float:left">
                                        <div class="caption" style="min-height:80px">
                                            <h5 v-text="item.name">授课计划</h5>
                                            <p class="ft12" style="    margin-top: 2px;" v-text="item.title">教师填写授课计划</p>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                        <div class="menu-general ft16 box-shadow">
                            <ul>
                                <li class="active">
                                    <a>服务列表</a><i style="position: absolute;display:none; right: -19px; top: -10px;">
                                        <img src="/ViewV5/images/tuijian.gif" />
                                    </i>
                                </li>
                            </ul>

                        </div>




                        <!-- 下边内容 -->
                        <div class="main-content ft16 mt10  c666 box-shadow" style="min-height:200px;padding:20px">

                            <div class="row">
                                <div class="col-md-3" v-for="(item, index) in gndata">
                                    <div class="thumbnail card">
                                        <img :src="'/JWWeb/img/'+item.icon" onerror="javascript: this.src = '/JWWeb/img/5.png'" style="height: 80px; width: 80px; display: block; float:left">
                                        <div class="caption" style="min-height:80px">
                                            <h5 v-text="item.name">授课计划</h5>
                                            <p class="ft12" style="    margin-top: 2px;" v-text="item.title">教师填写授课计划</p>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>


        </div>
    </div>
    <!-- 设置显示列 -->
    <!-- 拖动排序 -->
    <!--聊天窗口-->
    <!-- 自定义显示列 -->
    <!--引导html内容-->
    <div id="nipic_search">
        <div class="tipSwitch"></div>
    </div>




    <!-- 修改密码 -->
    <script type="text/javascript" src="/ViewV5/JS/jquery-1.11.2.min.js"></script>
    <script src="/ViewV5/JS/vue.js"></script>
    <script src="/ViewV5/CSS/bootstrap3.3.5/js/bootstrap.js"></script>
    <script src="/ViewV5/JS/toastr.js"></script>
    <script src="/ViewV5/JS/lodash.min.js"></script>
    <script src="/Web/JS/ComJS.js"></script>
    <script src="/ViewV5/JS/range/range.js"></script>

    <script type="text/javascript">
        // 切换
        $(function () {
            $("#dvskin").bind("click", function (event) {
                event.stopPropagation();
            })
            var skinurl = "/ViewV5/images/skin/skin2.png";
            if (localStorage.getItem("skin")) {
                skinurl = localStorage.getItem("skin");
            }
            // $("body").css("background", "url('" + skinurl + "')");
            $(".skintp").bind('click', function (event) {
                localStorage.setItem("skin", $(this).attr("src"));
                $("body").css("background", "url('" + $(this).attr("src") + "')");
                $("body").css("background-position", "center center").css("background-size", "cover");
            })
            $("body").css("background-position", "center center").css("background-size", "cover");

            var opacity = "97";
            if (localStorage.getItem("opacity")) {
                opacity = localStorage.getItem("opacity");
            }
            //  $("body").css("opacity", "." + opacity);
            $('.single-slider').val(opacity)
            $('.single-slider').jRange({
                from: 75,
                to: 99,
                step: 1,
                scale: [75, 99],
                format: '%s',
                width: 280,
                onstatechange: function (val) {
                    $("body").css("opacity", "." + val);
                    localStorage.setItem("opacity", val);

                }
            });
            $(document).on("mouseover", ".tip", function () {
                $(this).tooltip('show');
            });//提示工具
            $(document).on("click", ".nav-list li", function () {
                $(this).addClass("active").siblings().removeClass("active")
            });//一级菜单
            $(document).on("click", ".menu-general li", function () {
                $(this).addClass("active").siblings().removeClass("active")
            });//二级菜单
            $(document).on("click", ".default-tab .icheckbox_square-blue", function () {
                $(this).toggleClass("checked");
                if ($(this).parent().is("th")) {
                    var obj = $(this).parent().parent().parent().parent().find("tbody");
                    if ($(this).hasClass("checked")) {
                        obj.find(".icheckbox_square-blue").addClass("checked");
                    }
                    else {
                        obj.find(".icheckbox_square-blue").removeClass("checked");
                    }
                }
                else {
                    var obj = $(this).parent().parent().parent().parent().find("thead");
                    if (!$(this).hasClass("checked")) {
                        obj.find(".icheckbox_square-blue").removeClass("checked");
                    }
                }
            });//勾选框
            $(document).on("click", ".tab-type li span", function () {
                $(this).addClass("active").parent().siblings().children().removeClass("active")
            });//筛选类型
            $(document).on("dblclick", ".layui-layer-shade", function () {
                layer.closeAll();
            });//筛选类型


            if (localStorage.getItem("gdall") == "Y") {
                $(".fwlayout").addClass("gdall");
            }






            //$(".shuaxin").click(function () {
            //    $(this).toggleClass("dh")
            //})
            // 聊天窗口的显示隐藏

            // 保持页面永远能到底部
            // var h2 = window.innerHeight - 90;
            //document.getElementById("leftlayout").style.minHeight = h2 + "px";

            var tbwidth = $(".main-content").width() - 650;
            //alert(tbwidth)
            $("#select_btn").width(tbwidth);






        });

        var app = new Vue({
            el: '#DATABI_YBZZ',

            data: {
                gndata: [{ name: "授课计划", title: "功能菜单说明文字", icon: "1.png" }, { name: "教材选用", title: "功能菜单说明文字", icon: "2.png" },
                { name: "课表查询", title: "功能菜单说明文字", icon: "3.png" }, { name: "选课名单", title: "功能菜单说明文字", icon: "4.png" },
                { name: "查询工作量", title: "功能菜单说明文字", icon: "5.png" }, { name: "考试安排", title: "功能菜单说明文字", icon: "6.png" },
                { name: "项目申请", title: "功能菜单说明文字", icon: "7.png" }, { name: "成绩输入", title: "功能菜单说明文字", icon: "8.png" }
                ],
            },
            methods: {
                init: function () {
                },
                addchildwig() {
                    this.readySize++
                    // 检查进度是否设置的colSize一致
                    if (this.readySize == this.FormData.wigetitems.length) {
                        this.layout();
                    }
                }

            },
            created() {
                $('#Loading').remove();
                $('#DATABI_YBZZ').show();
            },
            mounted: function () {
                var pro = this;
                pro.$nextTick(function () {


                })
            }

        })

    </script>


</body>
</html>
